﻿<div class="bg-light lter b-b wrapper-sm">
    <h1 class="m-n font-thin h4">编辑主营线路</h1>
</div>
<div class="wrapper-sm">
    <tabset class="tab-container" ng-init="steps={percent:35, step1:false, step2:false, step3:false, step4:true, step5:false, step6:false}">

        <tab heading="账户信息" active="steps.step1" select="steps.percent=35" ui-sref="app.management.account_info">
        </tab>

        <tab heading="实名认证" active="steps.step2" disabled="step1.$invalid" select="steps.percent=55" ui-sref="app.management.realname_authentication">
        </tab>

        <tab heading="常跑路线" active="steps.step3" disabled="step2.$invalid" select="steps.percent=75" ui-sref="app.management.running_route">

        </tab>

        <tab heading="关注路线" active="steps.step4" select="steps.percent=100" ui-sref="app.management.concern_route">
            <form name="step4" class="form-validation form-horizontal" novalidate>

                <progressbar value="steps.percent" class="progress-xs" type="success"></progressbar>
                <div class="wrapper-sm" ng-controller="userConcernRouteCtrl">
                    <div class="panel panel-default">
                        <div class="panel-heading font-bold"></div>
                        <div class="panel-body">
                            <label class="control-label pull-left m-l m-r ">车牌号：{{carCode}}</label>

                            <div class="line pull-in"></div>

                            <label class="control-label pull-left m-l m-r-lg">起始地</label>
                            <div class="col-md-3 ">
                                <div class="form-group mar15 form-inline">
                                    <select class="form-control required input-sm" name="popupProvince" ng-change="changeStarProvince()" ng-model="starProvince" ng-options="x.value as x.name for x in starProvinceList" required>
                                        <option value="">请选择</option>
                                    </select>

                                    <select class="form-control required input-sm" name="popupCity" ng-model="starCity" ng-change="changeCity()" ng-options="x.value as x.name for x in starCityList" required>
                                        <option value="">请选择</option>
                                    </select>
                                </div>
                            </div>



                            <label class="control-label pull-left m-l m-r-lg">目的地</label>
                            <div class="col-md-3 ">
                                <div class="form-group mar15 form-inline">
                                    <select class="form-control required input-sm" name="popupProvince" ng-change="changeEndProvince()" ng-model="endProvince" ng-options="x.value as x.name for x in endProvinceList" required>
                                        <option value="">请选择</option>
                                    </select>

                                    <select class="form-control required input-sm" name="popupCity" ng-model="endCity" ng-change="changeCity()" ng-options="x.value as x.name for x in endCityList" required>
                                        <option value="">请选择</option>
                                    </select>
                                </div>
                            </div>


                            <button class="btn m-b-xs btn-sm btn-info btn-addon " ng-disabled="!step4.$valid" ng-click="routeAdd()"><i class="fa fa-plus"></i>新增关注路线</button>

                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading">
                            关注路线
                        </div>
                        <!--ui-grid-pagination-->
                        <div class="table-responsive">
                            <div ui-grid="routeList"  ui-grid-auto-resize>
                                <div class="watermark" ng-if="!routeList.data.length">暂无数据<i class="fa fa-spinner no-bordr" ng-show="seeks" ng-class="{'fa-spin':seeks}"></i></div>
                            </div>

                        </div>

                    </div>

                </div>

            </form>

        </tab>

        <tab heading="我的银行卡" active="steps.step5" select="steps.percent=80" ui-sref="app.management.bank">
        </tab>
        <tab heading="诚信记录" active="steps.step6" select="steps.percent=100" ui-sref="app.management.evaluate">
        </tab>
    </tabset>


</div>